<template>
  <div class="main">
    <router-view></router-view>
    
    <v-tabbar :tabars="tabars"></v-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabars: [
        {
          path: "/index/home",
          name: "主页",
          ico: "shop"
        },

        {
          path: "/index/cates",
          name: "分类",
          ico: "apps-o"
        },

        {
          path: "/index/shop",
          name: "购物车",
          ico: "shopping-cart-o"
        },

        {
          path: "/index/my",
          name: "我的",
          ico: "manager-o"
        }
      ]
    };
  }
};
</script>

<style scoped>
.main {
  padding-bottom: 0.4rem;
}

</style>